<!DOCTYPE html>
<html lang="en">
<#import "../common/userLayout.ftl" as layout/>
<@layout.head title=""></@layout.head>
<head>
    <title>维修评论</title>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/assets/user/skinA/css/theme.css?v=2645110704">
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/assets/user/skinA/css/page/eresult.css?v=3653060703">
    <script src="${request.contextPath}/assets/user/js/page/eresult.js?v=3653060703"></script>
</head>
<body>
<div id="background">
    <div id="info">
        <div id="name">电脑-联想-erms</div>
        <div id="position">中国移动-晋阳街二部</div>
        <div id="type">软件问题：</div>
        <div id="code">提交时间：2019-12-12 12:25 流水号：25158456886335595</div>
        <div id="detail">软件软件问题软件问题软件问题软件问题软件问题软件问题问题</div>
        <div id="result"  class="success">维修成功：更换配件</div>
        <div id="resultDetail">更换主板和内存以后恢复正常</div>
        <div id="result" class="fail">维修失败：无法维修</div>
        <div id="resultDetail">资产型号陈旧无法找到配件</div>
        <div id="code">维修时间：2019-12-12 12:25 联系电话：15588885555</div>
    </div>
    <div class="weui-cells__title">评价等级 <span id="fen">3星</span></div>
    <div class="weui-cells weui-cells_checkbox ">

        <div class="weui-rater">
            <a data-num = "1" class="on"> <span>★</span> </a>
            <a data-num = "2" class="on"> <span >★</span> </a>
            <a data-num = "3" class="on"> <span >★</span> </a>
            <a data-num = "4"> <span >★</span> </a>
            <a data-num = "5"> <span >★</span> </a>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" placeholder="请输入文本" rows="3"></textarea>
            </div>
        </div>
    </div>
    <div class="weui-btn-area">
        <a class="weui-btn weui-btn_primary" href="javascript:" id="showTooltips">确定</a>
    </div>
    <div class="weui-btn-area">
        <a class="weui-btn weui-btn_default" href="javascript:" id="showTooltips">取消</a>
    </div>
</div>
</body>
<script>

    $(function(){
        $(".weui-rater a").click(function(){
            var index = $(this).index();  //当前点击

            for(var i = 0;i <= index;i++){
                $(".weui-rater a").eq(i).addClass('on');
            }
            for(var j = index; j <=5;j++){
                $(".weui-rater a").eq(j).removeClass('on');
            }
            $(this).addClass('on');
            $("#fen").html($(this).data('num')+"星");
        })
    });

</script>
</html>